<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">

<h:head></h:head>
<body>
	<h:panelGroup id="panelGroupJogo" layout="block">
		<!-- Listar Jogo -->
		<p:panel id="painelListarJogo" widgetVar="painelListarJogo"
			visible="true" closable="true" closeSpeed="0" style="border: none">
			<h:form id="formListarJogo">
				<p:commandLink action="#{jogoBean.limparJogo}"
					update=":formIncluirJogo"
					oncomplete="PF('painelListarJogo').close(); PF('painelIncluirJogo').show();">
					<h:outputText value="Incluir Jogo" />
				</p:commandLink>
				<p:dataTable style="width: 50%;" value="#{jogoBean.jogos}"
					var="jogo" emptyMessage="" id="tableUsu" paginator="true" rows="7"
					paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
					rowsPerPageTemplate="7,14,21">

					<p:column>
						<f:facet name="header">
							<h:outputText value="Código" />
						</f:facet>
						<h:outputText value="#{jogo.id}" />
					</p:column>
					<p:column>
						<f:facet name="header">
							<h:outputText value="Título" />
						</f:facet>
						<h:outputText value="#{jogo.titulo}" />
					</p:column>
					<p:column>
						<p:commandButton value="Consultar" update=":formConsultarJogo"
							oncomplete="PF('painelConsultarJogo').show(); PF('painelListarJogo').close();">
							<f:setPropertyActionListener target="#{jogoBean.jogo}"
								value="#{jogo}"></f:setPropertyActionListener>
						</p:commandButton>
					</p:column>
					<p:column>
						<p:commandButton value="Alterar" update=":formAlterarJogo"
							action="#{jogoBean.listarPlataforma}"
							oncomplete="PF('painelAlterarJogo').show(); PF('painelListarJogo').close();">
							<f:setPropertyActionListener target="#{jogoBean.jogo}"
								value="#{jogo}"></f:setPropertyActionListener>
						</p:commandButton>
					</p:column>
					<p:column>
						<p:commandButton value="Excluir" action="#{jogoBean.excluirJogo}"
							update=":formListarJogo">
							<f:setPropertyActionListener target="#{jogoBean.jogo}"
								value="#{jogo}"></f:setPropertyActionListener>
							<p:confirm header=""
								message="Tem certeza que deseja efetuar esta exclusão ?"
								icon="ui-icon-alert" />
						</p:commandButton>
					</p:column>
				</p:dataTable>
			</h:form>
		</p:panel>

		<!-- Incluir Jogo -->
		<p:panel id="painelIncluirJogo" widgetVar="painelIncluirJogo"
			visible="false" closable="true" closeSpeed="0" style="border: none">
			<h:form id="formIncluirJogo">
				<p:panel style="width: 50%;">
					<table>
						<tr>
							<td><h:outputLabel value="Título: " /></td>
							<td><p:inputText value="#{jogoBean.jogo.titulo}" /></td>
						</tr>
						<tr>
							<td><h:outputLabel value="Gênero: " /></td>
							<td><h:selectOneMenu value="#{jogoBean.jogo.genero}">
									<f:selectItem itemLabel="Selecione" itemValue="" />
									<f:selectItem itemLabel="Ação" itemValue="1" />
									<f:selectItem itemLabel="Aventura" itemValue="2" />
									<f:selectItem itemLabel="Corrida" itemValue="3" />
									<f:selectItem itemLabel="Esporte" itemValue="4" />
									<f:selectItem itemLabel="Estratégia" itemValue="5" />
									<f:selectItem itemLabel="FPS" itemValue="6" />
									<f:selectItem itemLabel="Luta" itemValue="7" />
									<f:selectItem itemLabel="RPG" itemValue="8" />
								</h:selectOneMenu></td>
						</tr>
						<tr>
							<td><h:outputLabel value="Faixa Etária: " /></td>
							<td><p:inputText value="#{jogoBean.jogo.faixaEtaria}" /></td>
						</tr>
						<tr>
							<td><h:outputLabel value="Data de Lançamento: " /></td>
							<td><p:calendar value="#{jogoBean.dataLan}"
									pattern="dd/MM/yyyy" locale="pt" showOn="button" /></td>
						</tr>
						<tr>
							<td><h:outputLabel value="Plataforma:" /></td>
							<td><h:selectOneMenu value="#{jogoBean.plataforma.id}">
									<f:selectItem itemLabel="Selecione" itemValue="" />
									<f:selectItems value="#{jogoBean.plataformas}" var="plataforma"
										itemLabel="#{plataforma.nome}" itemValue="#{plataforma.id}" />
								</h:selectOneMenu></td>
						</tr>
						<tr>
							<td><h:outputLabel value="Descrição: " /></td>
							<td><p:inputTextarea rows="3" cols="25" value="#{jogoBean.jogo.descricao}" /></td>
						</tr>
					</table>
				</p:panel>
				<div class="posicao_botao" align="right">
					<p:commandButton value="Voltar"
						onclick="PF('painelIncluirJogo').close(); PF('painelListarJogo').show();"
						type="button" />
					<p:commandButton value="Enviar" action="#{jogoBean.incluirJogo}"
						styleClass="botao" update=":formListarJogo"
						oncomplete="PF('painelIncluirJogo').close(); PF('painelListarJogo').show();" />
				</div>
			</h:form>
		</p:panel>

		<!-- Alterar Jogo -->
		<p:panel id="painelAlterarJogo" widgetVar="painelAlterarJogo"
			visible="false" closable="true" closeSpeed="0" style="border: none">
			<h:form id="formAlterarJogo">
				<p:panel style="width: 50%;">
					<table>
						<tr>
							<td><h:outputLabel value="Título: " /></td>
							<td><p:inputText value="#{jogoBean.jogo.titulo}" /></td>
						</tr>
						<tr>
							<td><h:outputLabel value="Gênero: " /></td>
							<td><h:selectOneMenu value="#{jogoBean.jogo.genero}">
									<f:selectItem itemLabel="Selecione" itemValue="" />
									<f:selectItem itemLabel="Ação" itemValue="1" />
									<f:selectItem itemLabel="Aventura" itemValue="2" />
									<f:selectItem itemLabel="Corrida" itemValue="3" />
									<f:selectItem itemLabel="Esporte" itemValue="4" />
									<f:selectItem itemLabel="Estratégia" itemValue="5" />
									<f:selectItem itemLabel="FPS" itemValue="6" />
									<f:selectItem itemLabel="Luta" itemValue="7" />
									<f:selectItem itemLabel="RPG" itemValue="8" />
								</h:selectOneMenu></td>
						</tr>
						<tr>
							<td><h:outputLabel value="Faixa Etária: " /></td>
							<td><p:inputText value="#{jogoBean.jogo.faixaEtaria}" /></td>
						</tr>
						<tr>
							<td><h:outputLabel value="Data de Lançamento: " /></td>
							<td><p:calendar value="#{jogoBean.jogo.dataLancamento.time}"
									pattern="dd/MM/yyyy" locale="pt" showOn="button" /></td>
						</tr>
						<tr>
							<td><h:outputLabel value="Plataforma:" /></td>
							<td><h:selectOneMenu value="#{jogoBean.jogo.plataforma.id}">
									<f:selectItem itemLabel="Selecione" itemValue="" />
									<f:selectItems value="#{jogoBean.plataformas}" var="plataforma"
										itemLabel="#{plataforma.nome}" itemValue="#{plataforma.id}" />
								</h:selectOneMenu></td>
						</tr>
						<tr>
							<td><h:outputLabel value="Desceição: " /></td>
							<td><p:inputTextarea rows="3" cols="25" value="#{jogoBean.jogo.descricao}" /></td>
						</tr>
					</table>
				</p:panel>

				<div class="posicao_botao" align="right">
					<p:commandButton value="Voltar" update=":formListarJogo"
						onclick="PF('painelAlterarJogo').close(); PF('painelListarJogo').show();"
						type="button" />
					<p:commandButton value="Enviar" id="botao"
						action="#{jogoBean.atualizarJogo}" styleClass="botao"
						update=":formListarJogo"
						oncomplete="PF('painelAlterarJogo').close(); PF('painelListarJogo').show();" />
				</div>
			</h:form>
		</p:panel>

		<!-- Consultar Jogo -->
		<p:panel id="painelConsultarJogo" widgetVar="painelConsultarJogo"
			visible="false" closable="true" closeSpeed="0" style="border: none">
			<h:form id="formConsultarJogo">
				<p:panel style="width: 50%;">
					<table border="1" class="tableConsulta" cellpadding="10">
						<tr>
							<td><h:outputLabel value="Título: " /></td>
							<td><h:outputLabel value="#{jogoBean.jogo.titulo}" /></td>
						</tr>
						<tr>
							<td><h:outputLabel value="Gênero: " /></td>
							<td><h:outputLabel value="#{jogoBean.jogo.genero}" /></td>
						</tr>
						<tr>
							<td><h:outputLabel value="Faixa Etária: " /></td>
							<td><h:outputLabel value="#{jogoBean.jogo.faixaEtaria}" /></td>
						</tr>
						<tr>
							<td><h:outputLabel value="Data de Lançamento: " /></td>
							<td><h:outputText value="#{jogoBean.dataLan}">
									<f:convertDateTime type="both" pattern="dd/MM/yyyy" />
								</h:outputText></td>
						</tr>
						<tr>
							<td><h:outputLabel value="Plataforma:" /></td>
							<td><h:outputText value="#{jogoBean.jogo.plataforma.nome}"/></td>
						</tr>
						<tr>
							<td><h:outputLabel value="Desceição: " /></td>
							<td><h:outputLabel value="#{jogoBean.jogo.descricao}" /></td>
						</tr>
					</table>

				</p:panel>
				<div class="posicao_botao" align="right">
					<p:commandButton value="Voltar"
						onclick="PF('painelConsultarJogo').close(); PF('painelListarJogo').show();"
						type="button" />
				</div>
			</h:form>
		</p:panel>
	</h:panelGroup>
</body>
</html>

